import React, { Component } from 'react'
import { Breadcrumb, Layout, Menu, Input, DatePicker, Space, Button, Table } from 'antd';
import { PlusOutlined, EditOutlined, DeleteOutlined } from '@ant-design/icons';
import type { ColumnsType } from 'antd/es/table';
import { Route, Link } from 'react-router-dom';
import Scheduling from './Scheduling'


import Item from 'antd/es/list/Item';

const { Header, Content, Footer, } = Layout;
const { RangePicker } = DatePicker;

interface DataType {
    key: string;
    name: string;
    time: string;
    address: string;
    tags: string;
}
const columns: ColumnsType<DataType> = [
    {
        title: '班次名称',
        dataIndex: 'name',
        key: 'name',
        // render: (text) => <a>{text}</a>,
    },
    {
        title: '周一',
        dataIndex: 'time',
        key: 'time',
    },
    {
        title: '周二',
        dataIndex: 'address',
        key: 'address',
    },
    {
        title: '周三',
        key: 'tags',
        dataIndex: 'tags',

    },
    {
        title: '周四',
        key: 'tags',
        dataIndex: 'tags',

    }, {
        title: '周五',
        key: 'tags',
        dataIndex: 'tags',

    }, {
        title: '周六',
        key: 'tags',
        dataIndex: 'tags',

    }, {
        title: '周日',
        key: 'tags',
        dataIndex: 'tags',

    },
    {
        title: '操作',
        key: 'action',
        render: () => (
            <Space size="middle">
                <a ><EditOutlined />编辑 </a>
                <a><DeleteOutlined />删除</a>
            </Space>
        ),
    },
];

const data: DataType[] = [
    {
        key: '1',
        name: '学校北门',
        time: '2022-03-12 17:23:45',
        address: '西安市高新区第二小学',
        tags: '111'

    }
];


export default class componentName extends Component {
    render() {
        return (

            <Layout>
                {/* <h2 >{'护导管理'}</h2 > */}

                <div style={{ margin: '10px 20px', fontWeight: 'normal' }}>
                    <Input placeholder="班级名称" style={{ width: '240px', margin: '0 10px' }} />

                    <Button type="primary" style={{ margin: '0 10px' }}>查询</Button>
                    <Button>重置</Button>
                    <Button type="primary" icon={<PlusOutlined />} style={{ float: 'right' }} >
                        <Link to='/Main/addClass'>添加班次</Link>
                    </Button>
                    <p style={{ margin: '10px 10px', width: '100%', height: '40px', backgroundColor: '#e6f7ff', lineHeight: '40px', border: '1px solid skyblue', borderRadius: '5px', textIndent: '2em' }}>{'查询结果：共计 ? 条数据'}</p>
                    <Table columns={columns} dataSource={data} bordered={true} />
                </div>
                <Content className="site-layout" style={{ margin: '10px 20px' }}>


                </Content>

            </Layout>

        )
    }
}
